import Vue from 'vue'
import Router from 'vue-router'
import BaseLayout from '@/components/layout/BaseLayout'
import IntervalLayout from '@/components/layout/IntervalLayout'
import MixLayout from '@/components/layout/MixLayout'
import OffsetLayout from '@/components/layout/OffsetLayout'
import FlexLayout from '@/components/layout/FlexLayout'
import ResponsiveLayout from '@/components/layout/ResponsiveLayout'
import OftenContainer from '@/components/container/OftenContainer'
import TestContainer from '@/components/container/TestContainer'
import ButtonComponents from '@/components/other/ButtonComponents'
import DisableButton from '@/components/other/DisableButton'
import IconButton from '@/components/other/IconButton'
import GroupButton from '@/components/other/GroupButton'
import TextLink from '@/components/other/TextLink'
import ManagerLayout from '@/components/layout/ManagerLayout'
import RadioComponent from '@/components/form/RadioComponent'
import CheckboxComponent from '@/components/form/CheckboxComponent'
import InputComponent from '@/components/form/InputComponent'
import InputNumberComponent from '@/components/form/InputNumberComponent'
import SelectComponent from '@/components/form/SelectComponent'
Vue.use(Router)
export default new Router({
  routes: [
    {
      path: '/base', component: BaseLayout }, {
      path: '/interval', component: IntervalLayout }, {
      path: '/mix', component: MixLayout}, {
      path: '/offset', component: OffsetLayout }, {
      path: '/flex', component: FlexLayout }, {
      path: '/responsive', component: ResponsiveLayout }, {
      path: '/OftenContainer', component: OftenContainer }, {
      path: '/TestContainer', component: TestContainer }, {
      path: '/ButtonComponents', component: ButtonComponents }, {
      path: '/DisableButton', component: DisableButton }, {
      path: '/IconButton', component: IconButton }, {
      path: '/GroupButton', component: GroupButton }, {
      path: '/TextLink', component: TextLink }, {
      path: '/ManagerLayout', component: ManagerLayout }, {
      path: '/RadioComponent', component: RadioComponent }, {
      path: '/CheckboxComponent', component: CheckboxComponent }, {
      path: '/InputComponent', component: InputComponent }, {
      path: '/InputNumberComponent', component: InputNumberComponent }, {
      path: '/SelectComponent', component: SelectComponent
    }
  ]
})
